body {
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  background-color: hsl(var(--background));
  color: hsl(var(--foreground));
}
.page {
  max-width: 840px;
  margin: 0 auto;
  padding-top: 20px;
}
.page .p-title {
  border-bottom: 2px solid #000;
  display: flex;
  display: -webkit-box;
  -webkit-box-pack: start;
  -webkit-box-align: center;
  align-items: center;
  font-weight: 700;
}
.page .p-title .icon {
  width: 20px;
  height: 20px;
  font-size: 0px;
}
.page .p-title .icon img {
  width: 100%;
  height: 100%;
}
.page .header {
  padding: 10px 0px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  display: -webkit-box;
  -webkit-box-pack: justify;
  -webkit-box-align: center;
}
.page .header .h-1 {
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
}
.page .header .h-1 span {
  font-size: 14px;
  font-weight: normal;
}
.page .header .logo {
  height: 60px;
  font-size: 0px;
}
.page .header .logo img {
  width: 100%;
  height: 100%;
}
.page .con .con-t {
  border-bottom: 2px solid #000;
}
.page .con .con-des {
  padding: 5px;
  display: flex;
  align-items: center;
  display: -webkit-box;
  -webkit-box-pack: start;
  -webkit-box-align: center;
}
.page .con .con-des .icon {
  width: 35px;
  height: 35px;
  font-size: 0px;
  margin-right: 10px;
}
.page .con .con-des .icon img {
  width: 100%;
  height: 100%;
}
.page .con .con-des .con-des-box .tt span {
  font-weight: 700;
  font-size: 16px;
}
.page .con .con-data {
  display: -webkit-box;
}
.page .con .con-data .data-1 {
  width: 200px;
  -webkit-box-flex: 0;
  background: #eee;
  flex-shrink: 0;
  margin-right: 4px;
  padding: 10px 7px 30px 7px;
}
.page .con .con-data .data-1 .d-1 {
  font-size: 16px;
}
.page .con .con-data .data-1 .d-2 {
  font-size: 16px;
  font-weight: 700;
}
.page .con .con-data .data-1 .d-item {
  margin-top: 10px;
}
.page .con .con-data .data-2 {
  width: 100%;
  display: -webkit-box;
  -webkit-box-flex: 1;
}
.page .con .con-data .data-2 .table-1 {
  width: 100%;
  border: 2px solid #ccc;
  height: 100%;
}
.page .con .con-data .data-2 .table-1 tr {
  border: 2px solid #ccc;
}
.page .con .con-data .data-2 .table-1 tr td {
  border: 2px solid #ccc;
  padding: 10px;
  word-wrap: break-word;
  vertical-align: baseline;
}
.page .con .con-data .data-2 .table-1 tr td.c-item {
  vertical-align: baseline;
}
.page .con .con-data .data-2 .table-1 tr td.c-item .item {
  margin-bottom: 10px;
}
.page .con .con-data .data-2 .table-1 tr td .top-box {
  display: flex;
}
.page .con .con-data .data-2 .table-1 tr td .top-box .left {
  width: 50%;
}
.page .con .con-data .data-2 .table-1 tr td .top-box .left .title {
  font-weight: 700;
}
.page .con .con-data .data-2 .table-1 tr td .top-box .right {
  width: 50%;
  display: flex;
  align-items: center;
}
.page .con .con-data .data-2 .table-1 tr td .top-box .right .icon {
  width: 16px;
  height: 16px;
  font-size: 0px;
}
.page .con .con-data .data-2 .table-1 tr td .top-box .right .icon img {
  width: 100%;
  height: 100%;
}
.page .con .con-data .data-2 .table-1 tr td .top-box .right .right-con .title {
  font-weight: 700;
}
.page .con .con-data .data-2 .table-1 tr td .time-box {
  margin-bottom: 10px;
}
.page .con .con-data .data-2 .table-1 tr td .time-box .time {
  font-size: 16px;
  font-weight: 700;
}
.page .con .footer {
  margin-top: 20px;
  border-bottom: 2px solid #000;
  padding-bottom: 15px;
}
.page .con .footer .table-2 {
  width: 100%;
  border: 1px solid #ccc;
}
.page .con .footer .table-2 tr th {
  background: #eee;
  font-weight: normal;
  padding: 3px 10px;
}
.page .con .footer .table-2 tr {
  border: 1px solid #ccc;
}
.page .con .footer .table-2 tr td {
  padding: 3px 10px;
  border: 1px solid #ccc;
}
